<template>
  <view class="baseInfor">
    <view class="box">
      <view class="tit">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/qita@2x.png"
        />
        其他信息
      </view>
      <view class="ul">
        <view class="ul-left">体检说明:</view>
        <view class="ul-right">{{ job.physicalDesc }}</view>
      </view>
      <!-- <view class="ul">
        <view class="ul-left">身份证</view>
        <view class="ul-right">{{ job.idCardImgNum?job.idCardImgNum:'' }}份</view>
      </view>
      <view class="ul">
        <view class="ul-left">毕业证</view>
        <view class="ul-right">{{ job.graduationImgNum?job.graduationImgNum:'' }}份</view>
      </view>
      <view class="ul">
        <view class="ul-left">证件照</view>
        <view class="ul-right">{{ job.photo?job.photo:'' }}份</view>
      </view> -->
    </view>
    <view class="box dif">
      <view class="tit">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/luyong@2x.png"
        />
        录用条件
      </view>
      <!--  <view class="ul">
        <view class="ul-left">身份证</view>
        <view class="ul-right">{{ job.idCardDesc }}</view>
      </view>
      <view class="ul">
        <view class="ul-left">学历</view>
        <view class="ul-right">{{ job.graduationDesc }}</view>
      </view> -->
      <view class="ul">
        <view class="ul-left">年龄:</view>
        <view class="ul-right">{{ job.age }} </view>
      </view>
      <view class="ul">
        <view class="ul-left">身体条件:</view>
        <view class="ul-right"
          >患有高血压、心脏病、传染病，体内异物的一律不接收，隐瞒身体情况的出了事故概不负责。</view
        >
        <!-- <view class="ul-right"> {{ job.smokeScar }} {{ job.tattoo }} </view> -->
      </view>

      <view class="ul">
        <view class="ul-left">英文字母:</view>
        <view class="ul-right">{{ job.abc }}</view>
      </view>
      <view class="ul">
        <view class="ul-left">简单计算:</view>
        <view class="ul-right">{{ job.calculation }}</view>
      </view>
      <!--  <view class="ul">
        <view class="ul-left">人脸识别</view>
        <view class="ul-right">{{ job.faceRecognition }}</view>
      </view> -->
      <view class="ul">
        <view class="ul-left">无尘服:</view>
        <view class="ul-right">{{ job.dustClothes }}</view>
      </view>
      <view class="ul">
        <view class="ul-left">体检:</view>
        <view class="ul-right">{{ job.isPhysical }}</view>
      </view>
      <!-- <view class="ul">
        <view class="ul-left">体内异物</view>
        <view class="ul-right">{{ job.bodyForeign }}</view>
      </view> -->

      <view class="ul">
        <view class="ul-left">返厂规定:</view>
        <view class="ul-right">{{ job.retFactory }}</view>
      </view>
      <view class="ul">
        <view class="ul-left">其他要求</view>

        <view class="ul-right">
          <textarea class="textarea" disabled :auto-height="true" v-model="job.otherRequire"></textarea>

          <!-- <u-parse :html="job.otherRequire"></u-parse> -->
          <!-- {{job.otherRequire}} -->
        </view>
      </view>
    </view>

    <view
      v-if="!['build', 'fitup', 'energy', 'other'].includes(job.classify)"
      style="padding-top: 0; padding-bottom: 0"
      class="box dif"
    >
      <view
        v-if="JSON.stringify(infor) != 'null'"
        class="tit"
        style="padding-top: 10px"
      >
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/qiyejieshao@2x.png"
        />
        企业介绍
      </view>
      <view v-if="JSON.stringify(infor) != 'null'" class="tit tit1">
        <img v-if="infor && infor.logoUrl" :src="infor.logoUrl" />
        <img
          v-else
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/company.png"
        />
        <text v-if="infor.name">{{ infor.name }}</text>
      </view>
      <view
        v-if="JSON.stringify(infor) != 'null'"
        class="content"
        style="padding-bottom: 10px"
      >
        <text v-if="infor.introduce">{{
          infor.introduce ? infor.introduce : "暂无介绍"
        }}</text>
      </view>
    </view>

    <!-- <view v-if="JSON.stringify(infor) != '{}'" class="box dif">
      <view class="tit">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/qiyejieshao@2x.png"
        />
        企业介绍
      </view>
      <view class="tit tit1">
        <img v-if="infor && infor.logoUrl" :src="infor.logoUrl" />
        <img v-else sty src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/company.png" />
        
        <text v-if="infor && infor.name">{{ infor.name }}</text>
      </view>
      <view v-if="infor && infor.introduce" class="content">
        {{ infor.introduce ? infor.introduce : "暂无介绍" }}
      </view>
    </view> -->

    <view @click="openMap" v-if="JSON.stringify(infor) != '{}'" class="box dif">
      <view class="tit">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/dizhi@2x.png"
        />
        项目地址
      </view>

      <view class="addrBox">
        <view class="addrleft" v-if="job && job.province">
          {{ job.province }} {{ job.city }} {{ job.district }}
          {{ job.address }}
        </view>

        <view class="addr">
          <img
            v-if="job && job.province"
            src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/local.jpg"
            alt=""
          />
          <view>导航</view>
        </view>
		
      </view>
	  
    </view>
    <view class="box dif dif1">
      <view class="tit">
        <img
          src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/tixing@2x.png"
        />
        此信息由平台用户提供,但联系时请注意识别信息真伪
      </view>
    </view>
    <!-- #ifdef MP-WEIXIN -->
    <map id="map" hidden="true"></map>
    <!-- #endif -->
  </view>
</template>

<script>
import Map from "@/js_sdk/ms-openMap/openMap.js";
export default {
  props: ["infor", "job"],
  methods: {
    openMap() {
      let { lat, lgt, address } = this.infor;
      Map.openMap(lat, lgt, address, "bd09");
      // Map.openMap(39.92848272, 116.39560823, address, 'gcj02')
    },
  },
};
</script>
<style lang="scss" scoped>
.textarea{
  width: 280px !important;
}
.addrBox {
  display: flex;
  align-items: center;
  font-size: 13px;
  .addrleft {
    flex: 1;
  }
  .addr {
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    color: #525252;
  }
  img {
    display: block;
    width: 28px;
    height: 28px;
  }
}
.baseInfor {
  padding: 8px 0 0 0;
  .dif1 {
    .tit {
      font-size: 26rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #808080;
    }
  }

  .box {
    background: #fff;
    padding: 10px 14px 15px;
    &.dif {
      margin: 8px 0 0 0;
    }
  }
  .content {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #808080;
    padding: 0 0 0 35px;
  }
  .tit {
    display: flex;
    align-items: center;
    font-size: 34rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #1a1a1a;
    img {
      width: 28px;
      height: 28px;
      display: block;
      margin-right: 10px;
    }
  }

  .tit1 {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #808080;
    margin: 30rpx 0;
  }

  .ul {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    &-left {
      color: #4d4d4d;
      margin-right: 15px;
      width: 60px;
      font-size: 13px;
    }
    &-right {
      flex: 1;
      color: #808080;
      font-size: 13px;
    }
  }
}
</style>
